<template>
	<view class="content">
		<view class="g_img">
			<image  :src="'/images/addgroup.png' | formatImgUrl" mode=""></image>
		</view>
		
		<view class="g_add">创建群聊</view>
		<input type="number" class="shubox"  placeholder="请输入6位验证码" maxlength="6" />
			<view class="xubox">
				<view class="xutxt">
					功能说明：<br>
					
					1、当前版本，只有建立团队的团长可以创建群聊。
					<br>
					 2、请在验证码时效期限内进行验证操作，过期请重新进行申请。
					 <br>
					 3、团队创建成功后，会在系统通知处自行发放验证码。 温馨提示： 更多团队相关内容，请仔细阅读《dream约文团队服务协议》
						
					<br><br>
					
					
					<view style="margin-top: 10px;">
						温馨提示：<br>
						更多团队相关内容，请仔细阅读<text @click.stop="goToxie">《dream约文账号昵称修改规则》</text>
					</view>
					
				</view>
			</view>
		<view class="ti" @click="saveUser1()">
			创建群聊
		</view>
	</view>
</template>
<script>
	export default {
		data() {
			return {
				
			}
		},
		onLoad() {

		},
		methods: {
			goToxie(){
				uni.navigateTo({
					url:'/pages/webview/webview?url=' +this.$config.default.Url + '/agreement/1000004'
				})
			},
		
			saveUser1() {
				this.$common.errorToShow("验证码错误")
					return
				var prams = {
					'username': this.userInfo.username
				}
				this.$api.default.request('user/saveUser', prams).then((res) => {
					if (res.code == 1) {
						this.userInfo = res.user
						this.$common.successToShow(res.msg,()=>{
							uni.navigateBack()
						})
					} else {
						this.$common.errorToShow(res.msg)
					}
				})
			},
		}
	}
</script>

<style lang="scss">
	page {
		background: rgba(242, 245, 242, 1);
	}

	.content {
		padding-top: 20rpx;
		.g_img{
		
			width: 100%;
			text-align: center;
			margin-top: 20rpx;
			image{
				margin: 0 auto;
				width: 300rpx;
				height: 300rpx;
			}
			margin-bottom:16px;
		}
		.g_add{
			width: 100%;
			text-align: center;
			font-size: 32rpx;
			margin-bottom: 10px;
		}

		.shubox {
		
			border-radius: 0.5em;
			// padding: 40rpx 68rpx;
			height: 90rpx;
			line-height: 90rpx;
			background-color: #ffffff;
			color: #3d3d3d;
			font-size: 28rpx;
			margin-bottom: 20rpx;
			width: 82%;
			margin-left:7%;
			padding-left: 2%;
			padding-right: 2%;
			
		}
		.xubox {
			padding: 20rpx 60rpx 260rpx;
		
			.xutxt {
				font-size: 20rpx;
				line-height: 37rpx;
				font-weight: normal;
				letter-spacing: 0em;
				color: #999999;
				text{
					color: #45C4B0;
					font-size: 20rpx;
				}
			}
		}
		.ti {
			width: 630rpx;
			height: 86rpx;
			border-radius: 8px;
			line-height: 86rpx;
			margin: 0 auto;
			opacity: 1;
			background: #45C4B0;
			font-size: 32rpx;
			font-weight: bold;
			text-align: center;
			letter-spacing: 0em;
			color: #FFFFFF;
		}
	}
</style>